﻿<%@ Page Title="双色球首尾综合走势走势图" Language="C#" MasterPageFile="~/APP_Master/MasterPage.master"
    AutoEventWireup="true" CodeFile="shuangseswsq.aspx.cs" Inherits="shuangseswsq" %>

<%@ Register Src="APP_Controls/Dianping.ascx" TagName="Dianping" TagPrefix="uc1" %>
<%@ Register Src="APP_Controls/ZouShi.ascx" TagName="ZouShi" TagPrefix="uc2" %>
<%@ Register Src="APP_Controls/Friend.ascx" TagName="Friend" TagPrefix="uc3" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <style>
        table, td {
            border: 1px solid #95DBFF;
            border-collapse: collapse;
            text-align: center;
        }
    </style>
    <script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        var count=<%=jinqiCount %>;  
        var qiarr=new Array();
        var qiarrqs=new Array(); 
        $.post("/Ajax/shuangsesw.aspx", { type: 1,counts:count,qsType:2}, function (data) {   
            var shouqiujiou=data.toString().split('*')[0];
            var shouqiudx=data.toString().split('*')[1];
            var shouqiusanlu = data.toString().split('*')[2]; 
            var weiqiujiou=data.toString().split('*')[3];
            var weiqiudx=data.toString().split('*')[4];
            var weiqiusanlu = data.toString().split('*')[5];  
            var shouweihezhijiou=data.toString().split('*')[6];
            var shouweihezhidx=data.toString().split('*')[7];
            var shouweihezhisanlu = data.toString().split('*')[8];  
            CreateData(shouqiujiou,shouqiudx,shouqiusanlu,weiqiujiou,weiqiudx,weiqiusanlu,shouweihezhijiou,shouweihezhidx,shouweihezhisanlu);
        }, "text");    

        function CreateData(shouqiujiou,shouqiudx,shouqiusanlu,weiqiujiou,weiqiudx,weiqiusanlu,shouweihezhijiou,shouweihezhidx,shouweihezhisanlu){     
            //尾球
            var t1harr = new Array(0, 1);
            CreateTableDS("zstable1", count, 2, "A1", t1harr, "", "", 0);
            var a1ids = ""; 
            for (var i = 0; i < count; i++) {
                a1ids += "A1" + (i + 1) + "_" + parseInt(shouqiujiou.split(',')[i]) + ",";
            } 
            a1ids = a1ids.substring(0, a1ids.length - 1); 
            CreateLine(a1ids, 23, "#d00421", "canvasdiv1", "url('images/xiaoqiu3.png') no-repeat 11px 9px", "color:rgba(255, 255, 255, 0.02)");
            
            var t2harr = new Array(0, 1); 
            CreateTableDX("zstable11", count, 2, "A2", t2harr, "", "", 0); 
            var a2ids = ""; 
            for (var i = 0; i < count; i++) {
                a2ids += "A2" + (i + 1) + "_" + parseInt(shouqiudx.split(',')[i]) + ",";
            } 
            a2ids = a2ids.substring(0, a2ids.length - 1);
            CreateLine(a2ids, 23, "#000000", "canvasdiv2", "url('images/xiaoqiu4.png') no-repeat 11px 9px", "color:rgba(255, 255, 255, 0.02)");


            var t3harr = new Array(0, 1,2); 
            CreateTable("zstable12", count, 3, "A3", t3harr, "", "", 0);  
            var a3ids = "";  
            for (var i = 0; i < count; i++) {
                a3ids += "A3" + (i + 1) + "_" + parseInt(shouqiusanlu.split(',')[i]) + ",";
            } 
            a3ids = a3ids.substring(0, a3ids.length - 1);  
            CreateLine(a3ids, 23, "#d00421", "canvasdiv3", "url('images/xiaoqiu3.png') no-repeat 11px 9px", "color:rgba(255, 255, 255, 0.02)");
            //首球
            var t4harr = new Array(0, 1);  
            CreateTableDS("zstable4", count, 2, "A4", t4harr, "", "", 0);  
            var a4ids = "";  
            for (var i = 0; i < count; i++) {
                a4ids += "A4" + (i + 1) + "_" + parseInt(weiqiujiou.split(',')[i]) + ",";
            } 
            a4ids = a4ids.substring(0, a4ids.length - 1);  
            CreateLine(a4ids, 23, "#d00421", "canvasdiv4", "url('images/xiaoqiu3.png') no-repeat 11px 9px", "color:rgba(255, 255, 255, 0.02)");
            
            var t5harr = new Array(0, 1);  
            CreateTableDX("zstable5", count, 2, "A5", t5harr, "", "", 0); 
            var a5ids = "";  
            for (var i = 0; i < count; i++) {
                a5ids += "A5" + (i + 1) + "_" + parseInt(weiqiudx.split(',')[i]) + ",";
            } 
            a5ids = a5ids.substring(0, a5ids.length - 1);  
            CreateLine(a5ids, 23, "#000000", "canvasdiv5", "url('images/xiaoqiu4.png') no-repeat 11px 9px", "color:rgba(255, 255, 255, 0.02)");

            var t6harr = new Array(0, 1,2);  
            CreateTable("zstable6", count, 3, "A6", t6harr, "", "", 0);  
            var a6ids = "";  
            for (var i = 0; i < count; i++) {
                a6ids += "A6" + (i + 1) + "_" + parseInt(weiqiusanlu.split(',')[i]) + ",";
            } 
            a6ids = a6ids.substring(0, a6ids.length - 1);  
            CreateLine(a6ids, 23, "#d00421", "canvasdiv6", "url('images/xiaoqiu3.png') no-repeat 11px 9px", "color:rgba(255, 255, 255, 0.02)");
            //首尾尾数和值
            var t7harr = new Array(0, 1);  
            CreateTableDS("zstable7", count, 2, "A7", t7harr, "", "", 0);  
            var a7ids = "";  
            for (var i = 0; i < count; i++) {
                a7ids += "A7" + (i + 1) + "_" + parseInt(shouweihezhijiou.split(',')[i]) + ",";
            } 
            a7ids = a7ids.substring(0, a7ids.length - 1);  
            CreateLine(a7ids, 23, "#d00421", "canvasdiv7", "url('images/xiaoqiu3.png') no-repeat 11px 9px", "color:rgba(255, 255, 255, 0.02)");
            
            var t8harr = new Array(0, 1);  
            CreateTableDX("zstable13", count, 2, "A8", t8harr, "", "", 0); 
            var a8ids = "";  
            for (var i = 0; i < count; i++) {
                a8ids += "A8" + (i + 1) + "_" + parseInt(shouweihezhidx.split(',')[i]) + ",";
            } 
            a8ids = a8ids.substring(0, a8ids.length - 1);  
            CreateLine(a8ids, 23, "#000000", "canvasdiv8", "url('images/xiaoqiu4.png') no-repeat 11px 9px", "color:rgba(255, 255, 255, 0.02)");



            var t9harr = new Array(0, 1,2);  
            CreateTable("zstable14", count, 3, "A9", t9harr, "", "", 0);  
            var a9ids = "";  
            for (var i = 0; i < count; i++) {
                a9ids += "A9" + (i + 1) + "_" + parseInt(shouweihezhisanlu.split(',')[i]) + ",";
            } 
            a9ids = a9ids.substring(0, a9ids.length - 1);  
            CreateLine(a9ids, 23, "#d00421", "canvasdiv9", "url('images/xiaoqiu3.png') no-repeat 11px 9px", "color:rgba(255, 255, 255, 0.02)");
        }
        /*
        * 创建表格函数
        *
        * @access      public
        * @t           strig    目标表格。
        * @h           int      创建表格行数。
        * @l           int      创建表格列数。
        * @tag         strig    单元格id前缀，与ids字符串的前缀对应。
        * @htag        array    行头数组。
        * @htagwidth   int      行头对应宽度数组。
        * @hcon        Array    行头对应数据数组。
        * @start       int      内容数开始。0或者1
        */   
        function CreateTable(t, h, l, tag, htag, htagwidth, hcon, start) { 
            var tbody = "";
            var head = "<tr>"; 
            //console.log(head);
            for (var i = 0; i < h; i++) {
                tbody += "<tr>";
                for (var j = 0; j < l; j++) {
                    if (hcon != '') {
                        tbody += "<td class=\"w28 f18\"  style=\"color:rgba(255, 255, 255, 0.02)\"  id='" + tag + "" + (i + 1) + "_" + (j + 1) + "' style='color:#000;'>" + hcon[j][i] + "</td>";
                    } else {
                        if (start == 0) {
                            tbody += "<td  class=\"w28 f18\"   style=\"color:rgba(255, 255, 255, 0.02)\" id='" + tag + "" + (i + 1) + "_" + (j) + "'>" + (j) + "</td>"; //此处id与画线函数对应传入的ids参数对应
                        } else {
                            tbody += "<td   class=\"w28 f18\" style=\"color:rgba(255, 255, 255, 0.02)\" id='" + tag + "" + (i + 1) + "_" + (j + 1) + "'>" + (j + 1) + "</td>"; //此处id与画线函数对应传入的ids参数对应
                        }
                    }
                }
                tbody += "</tr>";
            }
            head += "</tr>"; 
            $("#" + t + " tbody").html(tbody);
        }
        function CreateTableDX(t, h, l, tag, htag, htagwidth, hcon, start) { 
            var tbody = "";
            var head = "<tr>"; 
            //console.log(head);
            for (var i = 0; i < h; i++) {
                tbody += "<tr>";
                for (var j = 0; j < l; j++) {
                    if (hcon != '') {
                        tbody += "<td class=\"w28 f18\"  style=\"color:rgba(255, 255, 255, 0.02)\"  id='" + tag + "" + (i + 1) + "_" + (j + 1) + "' style='color:#000;'>" + hcon[j][i] + "</td>";
                    } else {
                        if (start == 0) {
                            if((j)=="0")
                            {
                                tbody += "<td  class=\"w28 f18\"   style=\"color:rgba(255, 255, 255, 0.02)\" id='" + tag + "" + (i + 1) + "_" + (j) + "'>小</td>"; //此处id与画线函数对应传入的ids参数对应
                            }
                            else
                            {
                                tbody += "<td  class=\"w28 f18\"   style=\"color:rgba(255, 255, 255, 0.02)\" id='" + tag + "" + (i + 1) + "_" + (j) + "'>大</td>";
                            }
                            //tbody += "<td  class=\"w28 f18\"   style=\"color:rgba(255, 255, 255, 0.02)\" id='" + tag + "" + (i + 1) + "_" + (j) + "'>" + (j) + "d</td>";
                        } else {
                            tbody += "<td   class=\"w28 f18\" style=\"color:rgba(255, 255, 255, 0.02)\" id='" + tag + "" + (i + 1) + "_" + (j + 1) + "'>" + (j + 1) + "s</td>"; //此处id与画线函数对应传入的ids参数对应
                        }
                    }
                }
                tbody += "</tr>";
            }
            head += "</tr>"; 
            $("#" + t + " tbody").html(tbody);
        }
        function CreateTableDS(t, h, l, tag, htag, htagwidth, hcon, start) { 
            var tbody = "";
            var head = "<tr>"; 
            //console.log(head);
            for (var i = 0; i < h; i++) {
                tbody += "<tr style=\"background-color:#FFFFFF\">";
                for (var j = 0; j < l; j++) {
                    if (hcon != '') {
                        tbody += "<td style=\"color:rgba(255, 255, 255, 0.02)\"  style=\"width:35px\"   id='" + tag + "" + (i + 1) + "_" + (j + 1) + "' style='color:#000;'>" + hcon[j][i] + "</td>";
                    } else {
                        if (start == 0) {
                            if((j)=="0")
                            {
                                tbody += "<td  style=\"color:rgba(255, 255, 255, 0.02)\"  style=\"width:35px\"  id='" + tag + "" + (i + 1) + "_" + (j) + "'>单</td>"; //此处id与画线函数对应传入的ids参数对应
                            }
                            else
                            {
                                tbody += "<td   style=\"color:rgba(255, 255, 255, 0.02)\" style=\"width:35px\"   id='" + tag + "" + (i + 1) + "_" + (j) + "'>双</td>";
                            }
                            //tbody += "<td  class=\"w28 f18\"   style=\"color:rgba(255, 255, 255, 0.02)\" id='" + tag + "" + (i + 1) + "_" + (j) + "'>" + (j) + "d</td>";
                        } else {
                            tbody += "<td    style=\"color:White\" id='" + tag + "" + (i + 1) + "_" + (j + 1) + "'>" + (j + 1) + "s</td>"; //此处id与画线函数对应传入的ids参数对应
                        }
                    }
                }
                tbody += "</tr>";
            }
            head += "</tr>"; 
            $("#" + t + " tbody").html(tbody);
        } 
        /*
        * canvas画线函数
        *
        * @access   public
        * @ids      string  每行的号码字符串，格式为"T1_15,T2_8,T3_5,T4_4,T5_8,T6_4,T7_9,T8_16,T9_2,T10_11,T11_2,T12_13,T13_7,T14_5,T15_15,T16_5,T17_12,T18_11,T19_9,T20_1,T21_15,T22_11,T23_1,T24_8,T25_10,T26_4,T27_7,T28_4,T29_1,T30_9,"不包含引号。共30组（数量视数组而定）。
        * @w        int     每列宽度。
        * @c        string  画线颜色，格式为"#000000"不包含引号。
        * @div      string  canvas容器ID。
        * @bg       string  当期号码球星背景相对地址，格式为"url('images/bg.png') 0px -2px"。
        * @fc       string  文字颜色，格式为"#000000"不包含引号。
        */
        function CreateLine(ids, w, c, div, bg, fc) {
            var list = ids.split(",");
            //console.log(list);
            //console.log(list.length);
            for (var j = list.length - 1; j > 0; j--) {
                var tid = $("#" + list[j]);
                var fid = $("#" + list[j - 1]);
                var f_width = fid.outerWidth();
                var f_height = fid.outerHeight();
                var f_offset = fid.offset();
                var f_top = f_offset.top;
                var f_left = f_offset.left;
                var t_offset = tid.offset();
                var t_top = t_offset.top;
                var t_left = t_offset.left;
                var cvs_left = Math.min(f_left, t_left);
                var cvs_top = Math.min(f_top, t_top);
                tid.css("background", bg).css("color", fc);
                fid.css("background", bg).css("color", fc);
                var cvs = document.createElement("canvas");
                cvs.width = Math.abs(f_left - t_left) < w ? w : Math.abs(f_left - t_left);
                cvs.height = Math.abs(f_top - t_top);
                cvs.style.top = cvs_top + parseInt(f_height / 2) + "px";
                if(f_left - t_left == 0)
                {
                    cvs.style.left = cvs_left + parseInt(f_width / 2) - 8 + "px";
                }
                else
                {
                    cvs.style.left = cvs_left + parseInt(f_width / 2) + "px";
                }
                cvs.style.position = "absolute";
                var cxt = cvs.getContext("2d");
                cxt.save();
                cxt.strokeStyle = c;
                cxt.lineWidth = 2;
                cxt.lineJoin = "round";
                cxt.beginPath();
                if(f_left - t_left == 0)
                {
                    cxt.moveTo(f_left - cvs_left+8, f_top - cvs_top);
                    cxt.lineTo(t_left - cvs_left+8, t_top - cvs_top);
                }
                else
                {
                    cxt.moveTo(f_left - cvs_left, f_top - cvs_top);
                    cxt.lineTo(t_left - cvs_left, t_top - cvs_top);
                }
                cxt.closePath();
                cxt.stroke();
                cxt.restore();
                $("#" + div).append(cvs);
            }
        }

        function CreateLineDS(ids, w, c, div, bg, fc) {
            var list = ids.split(",");
            //console.log(list);
            //console.log(list.length);
            for (var j = list.length - 1; j > 0; j--) {
                var tid = $("#" + list[j]);
                var fid = $("#" + list[j - 1]);
                var f_width = fid.outerWidth();
                var f_height = fid.outerHeight();
                var f_offset = fid.offset();
                var f_top = f_offset.top;
                var f_left = f_offset.left;
                var t_offset = tid.offset();
                var t_top = t_offset.top;
                var t_left = t_offset.left;
                var cvs_left = Math.min(f_left, t_left);
                var cvs_top = Math.min(f_top, t_top);
                tid.css("background", bg).css("color", fc);
                fid.css("background", bg).css("color", fc);
                var cvs = document.createElement("canvas");
                cvs.width = Math.abs(f_left - t_left) < w ? w : Math.abs(f_left - t_left);
                cvs.height = Math.abs(f_top - t_top);
                cvs.style.top = cvs_top + parseInt(f_height / 2) + "px";
                cvs.style.left = cvs_left + parseInt(f_width / 2) + "px";
                cvs.style.position = "absolute";
                var cxt = cvs.getContext("2d");
                cxt.save();
                cxt.strokeStyle = c;
                cxt.lineWidth = 2;
                cxt.lineJoin = "round";
                cxt.beginPath();
                cxt.moveTo(f_left - cvs_left, f_top - cvs_top);
                cxt.lineTo(t_left - cvs_left, t_top - cvs_top);
                cxt.closePath();
                cxt.stroke();
                cxt.restore();
                $("#" + div).append(cvs);
            }
        }
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <!--GreenNav-->
    <div class="nav_green">
        <div class="cookie">
            您现在所在位置：<a href="Default.aspx">首页</a> > 走势图 > 双色球首尾综合走势走势图
        </div>
        <ul class="g_nav">
            <li><a href="" class="g_cur">走势图表</a></li>
            <%--<li><a href="">杀号定胆</a></li>--%>
        </ul>
    </div>
    <!--GreenNav-->
    <h2 class="zoushi_t">双色球双期首尾走势图</h2>
    <!--Content-->
    <div class="zhoushi">
        <!--Title-->
        <div class="zhoushi_title">
            <div class="zs_t_box">
                选择：
            <asp:DropDownList ID="DropDownList1" runat="server">
                <asp:ListItem Value="30">最近30期</asp:ListItem>
                <asp:ListItem Value="50">最近50期</asp:ListItem>
            </asp:DropDownList>
            </div>
            <div class="zs_t_box">
                红球号码按
          <asp:DropDownList ID="DropDownList2" runat="server">
              <asp:ListItem>摇奖顺序</asp:ListItem>
          </asp:DropDownList>
            </div>
            <%--<div class="zs_t_box">
        红球走势按
          <asp:DropDownList ID="DropDownList3" runat="server">
            <asp:ListItem>11</asp:ListItem>
          </asp:DropDownList>
        </div>--%>
            <div class="zs_t_box">
                <%--列进行分区--%>
                <asp:Button ID="Button1" runat="server" Text="开始查看" class="red_link"
                    OnClick="Button1_Click" />
            </div>
        </div>
        <!--Title-->
        <!--Zoushi-->
        <div class="zs_table">

            <table width="100%" border="1" cellspacing="0" cellpadding="0">
                <tr>
                    <td>
                        <table width="100%" border="1" cellspacing="0" cellpadding="0">
                            <tr style="background-color: #0195df; color: #FFFFFF; height: 63px;">
                                <td style="color: #FFF;">日期</td>
                                <td style="color: #FFF;">期号</td>
                                <td style="color: #FFF;" colspan="6">红球开奖号码</td>
                                <td style="color: #FFF;">首球</td>
                                <td style="color: #FFF;">尾数</td>
                            </tr>

                            <%if (arlist != null && arlist.Count > 0)
                                {
                                    for (int i = arlist.Count - 1; i >= 0; i--)
                                    {%>
                            <tr>

                                <td style="background-color: #ddf4ff; white-space: nowrap;"><%=arlist[i].openTime.ToString("yyyy-MM-dd")%></td>
                                <td style="background-color: ffffff; white-space: nowrap;"><%=arlist[i].LotteryQS%></td>
                                <td style="background-color: #ffffe8; white-space: nowrap;"><%=arlist[i].LotteryNo.Split('+')[0].Split(',')[0]%></td>
                                <td style="background-color: #ffffe8; white-space: nowrap;"><%=arlist[i].LotteryNo.Split('+')[0].Split(',')[1]%></td>
                                <td style="background-color: #ffffe8; white-space: nowrap;"><%=arlist[i].LotteryNo.Split('+')[0].Split(',')[2]%></td>
                                <td style="background-color: #ffffe8; white-space: nowrap;"><%=arlist[i].LotteryNo.Split('+')[0].Split(',')[3]%></td>
                                <td style="background-color: #ffffe8; white-space: nowrap;"><%=arlist[i].LotteryNo.Split('+')[0].Split(',')[4]%></td>
                                <td style="background-color: #ffffe8; white-space: nowrap;"><%=arlist[i].LotteryNo.Split('+')[0].Split(',')[5]%></td>
                                <td style="background-color: #ceefff; white-space: nowrap;"><%=dt.Rows[i][1]%></td>
                                <td style="background-color: #ceefff; white-space: nowrap;"><%=dt.Rows[i][3]%></td>
                            </tr>
                            <%}
                                } %>
                        </table>
                    </td>
                    <td>
                        <table width="100%" border="1" cellspacing="0" cellpadding="0">
                            <tr style="background-color: #0195df; color: #FFFFFF; height: 24px;">
                                <td colspan="2" style="color: #FFF;">奇偶</td>
                            </tr>
                            <tr style="background-color: #0195df; color: #FFFFFF; height: 24px;">
                                <td style="color: #FFF;">单</td>
                                <td style="color: #FFF;">双</td>
                            </tr>
                        </table>
                        <table id="zstable4" width="100%" border="1" cellspacing="0" cellpadding="0">
                            <tbody></tbody>
                            <div id="canvasdiv1"></div>
                        </table>
                    </td>
                    <td>
                        <table width="100%" border="1" cellspacing="0" cellpadding="0">
                            <tr style="background-color: #0195df; color: #FFFFFF; height: 24px;">
                                <td colspan="2" style="color: #FFF;">大小</td>
                            </tr>
                            <tr style="background-color: #0195df; color: #FFFFFF; height: 24px;">
                                <td style="color: #FFF;">小</td>
                                <td style="color: #FFF;">大</td>
                            </tr>
                        </table>
                        <table id="zstable5" width="100%" border="1" cellspacing="0" cellpadding="0">
                            <tbody></tbody>
                            <div id="canvasdiv2"></div>
                        </table>
                    </td>
                    <td>
                        <table width="100%" border="1" cellspacing="0" cellpadding="0">
                            <tr style="background-color: #0195df; color: #FFFFFF; height: 24px;">
                                <td colspan="3" style="color: #FFF;">三路</td>
                            </tr>
                            <tr style="background-color: #0195df; color: #FFFFFF; height: 24px;">
                                <td style="color: #FFF;">0</td>
                                <td style="color: #FFF;">1</td>
                                <td style="color: #FFF;">2</td>
                            </tr>
                        </table>

                        <table id="zstable6" width="100%" border="1" cellspacing="0" cellpadding="0">
                            <tbody></tbody>
                            <div id="canvasdiv3"></div>
                        </table>
                    </td>
                    <td>
                        <table width="100%" border="1" cellspacing="0" cellpadding="0">
                            <tr style="background-color: #0195df; color: #FFFFFF; height: 63px;">
                                <td style="color: #FFF;">尾球</td>
                            </tr>
                            <%if (arlist != null && arlist.Count > 0)
                                {
                                    for (int i = arlist.Count - 1; i >= 0; i--)
                                    {%>
                            <tr>
                                <td><%=dt.Rows[i][0]%></td>
                            </tr>
                </tr>
                <%}
                    } %>
            </table>

            </td>
    <td>
        <table width="100%" border="1" cellspacing="0" cellpadding="0">
            <tr style="background-color: #0195df; color: #FFFFFF; height: 63px;">
                <td style="color: #FFF;">尾数</td>
            </tr>
            <%if (arlist != null && arlist.Count > 0)
                {
                    for (int i = arlist.Count - 1; i >= 0; i--)
                    {%>
            <tr>
                <td><%=dt.Rows[i][2]%></td>
            </tr>
            </tr>
      <%}
          } %>
        </table>
    </td>
            <td>
                <table width="100%" border="1" cellspacing="0" cellpadding="0">
                    <tr style="background-color: #0195df; color: #FFFFFF; height: 24px;">
                        <td colspan="2" style="color: #FFF;">奇偶</td>
                    </tr>
                    <tr style="background-color: #0195df; color: #FFFFFF; height: 24px;">
                        <td style="color: #FFF;">单</td>
                        <td style="color: #FFF;">双</td>
                    </tr>
                </table>
                <table id="zstable1" width="100%" border="1" cellspacing="0" cellpadding="0">
                    <tbody></tbody>
                    <div id="canvasdiv4"></div>
                </table>
            </td>
            <td>
                <table width="100%" border="1" cellspacing="0" cellpadding="0">
                    <tr style="background-color: #0195df; color: #FFFFFF; height: 24px;">
                        <td colspan="2" style="color: #FFF;">大小</td>
                    </tr>
                    <tr style="background-color: #0195df; color: #FFFFFF; height: 24px;">
                        <td style="color: #FFF;">小</td>
                        <td style="color: #FFF;">大</td>
                    </tr>
                </table>

                <table id="zstable11" width="100%" border="1" cellspacing="0" cellpadding="0">
                    <tbody></tbody>
                    <div id="canvasdiv5"></div>
                </table>
            </td>
            <td>
                <table width="100%" border="1" cellspacing="0" cellpadding="0">
                    <tr style="background-color: #0195df; color: #FFFFFF; height: 24px;">
                        <td colspan="3" style="color: #FFF;">三路</td>
                    </tr>
                    <tr style="background-color: #0195df; color: #FFFFFF; height: 24px;">
                        <td style="color: #FFF;">0</td>
                        <td style="color: #FFF;">1</td>
                        <td style="color: #FFF;">2</td>
                    </tr>
                </table>

                <table id="zstable12" width="100%" border="1" cellspacing="0" cellpadding="0">
                    <tbody></tbody>
                    <div id="canvasdiv6"></div>
                </table>
            </td>
            <td>
                <table width="100%" border="1" cellspacing="0" cellpadding="0">
                    <tr style="background-color: #0195df; color: #FFFFFF; height: 63px;">
                        <td style="color: #FFF;">尾数和值</td>
                    </tr>
                    <%if (arlist != null && arlist.Count > 0)
                        {
                            for (int i = arlist.Count - 1; i >= 0; i--)
                            {%>
                    <tr>
                        <td><%=dt.Rows[i][4]%></td>
                    </tr>
                    </tr>
      <%}
          } %>
                </table>
            </td>
            <td>
                <table width="100%" border="1" cellspacing="0" cellpadding="0">
                    <tr style="background-color: #0195df; color: #FFFFFF; height: 24px;">
                        <td colspan="2" style="color: #FFF;">奇偶</td>
                    </tr>
                    <tr style="background-color: #0195df; color: #FFFFFF; height: 24px;">
                        <td style="color: #FFF;">单</td>
                        <td style="color: #FFF;">双</td>
                    </tr>
                </table>
                <table id="zstable7" width="100%" border="1" cellspacing="0" cellpadding="0">
                    <tbody></tbody>
                    <div id="canvasdiv7"></div>
                </table>
            </td>
            <td>
                <table width="100%" border="1" cellspacing="0" cellpadding="0">
                    <tr style="background-color: #0195df; color: #FFFFFF; height: 24px;">
                        <td colspan="2" style="color: #FFF;">大小</td>
                    </tr>
                    <tr style="background-color: #0195df; color: #FFFFFF; height: 24px;">
                        <td style="color: #FFF;">小</td>
                        <td style="color: #FFF;">大</td>
                    </tr>
                </table>

                <table id="zstable13" width="100%" border="1" cellspacing="0" cellpadding="0">
                    <tbody></tbody>
                    <div id="canvasdiv8"></div>
                </table>
            </td>
            <td>
                <table width="100%" border="1" cellspacing="0" cellpadding="0">
                    <tr style="background-color: #0195df; color: #FFFFFF; height: 24px;">
                        <td colspan="3" style="color: #FFF;">三路</td>
                    </tr>
                    <tr style="background-color: #0195df; color: #FFFFFF; height: 24px;">
                        <td style="color: #FFF;">0</td>
                        <td style="color: #FFF;">1</td>
                        <td style="color: #FFF;">2</td>
                    </tr>
                </table>

                <table id="zstable14" width="100%" border="1" cellspacing="0" cellpadding="0">
                    <tbody></tbody>
                    <div id="canvasdiv9"></div>
                </table>
            </td>
            </tr>
</table>
 
          <%--<table cellpadding="0" cellspacing="0" border="0" width="100%" class="zs_body">
          	<tr>
            	<td rowspan="2" class="w60" style="width:275px"><strong>统计</strong></td> 
                <%for (int i = 0; i < 15;i++ ){ %>
                <td  class="w22 h92"  style="width:22px" >
                <div class="zs_z_bg" style="height:<%=TiaoxingDT[i]*100/jinqiCount%>px;"></div></td>
                <%} %> 
                 <%for (int i = 15; i < 25;i++ ){ %>
                <td  class="w25 b_bg"  style="width:24.5px;position: relative;">
                <div class="zs_z_bg" style="height:<%=TiaoxingDT[i]*100/jinqiCount%>px; position:absolute; left:5px; bottom:0; "></div></td>
                <%} %> 
                 
            </tr>
          	<tr>
              <td class="w22 red" style="width:22px">21+</td>
        	  <td class="w22 red" style="width:22px">48+</td>
        	  <td class="w22 red" style="width:22px">70+</td>
        	  <td class="w22 red" style="width:22px">84+</td>
        	  <td class="w22 red" style="width:22px">93+</td>
        	  <td class="w22 red" style="width:22px">97+</td>
        	  <td class="w22 red" style="width:22px">100+</td>
        	  <td class="w22 red" style="width:22px">103+</td>
        	  <td class="w22 red" style="width:22px">106+</td>
        	  <td class="w22 red" style="width:22px">109+</td>
        	  <td class="w22 red" style="width:22px">112+</td>
        	  <td class="w22 red" style="width:22px">116+</td>
        	  <td class="w22 red" style="width:22px">124+</td>
        	  <td class="w22 red" style="width:22px">137+</td>
        	  <td class="w22 red" style="width:22px">158+</td>  
          	  <td class="w25 b_bg" style="width:22px">0</td>
          	  <td class="w25 b_bg" style="width:22px">1</td>
          	  <td class="w25 b_bg" style="width:22px">2</td>
          	  <td class="w25 b_bg" style="width:22px">3</td>
          	  <td class="w25 b_bg" style="width:22px">4</td>
          	  <td class="w25 b_bg" style="width:22px">5</td>
          	  <td class="w25 b_bg" style="width:22px">6</td>
          	  <td class="w25 b_bg" style="width:22px">7</td>
          	  <td class="w25 b_bg" style="width:22px">8</td>
          	  <td class="w25 b_bg" style="width:22px">9</td>
       	    </tr>
          </table>--%>
        </div>
        <!--Zoushi-->
    </div>
    <div class="zs_infor"><%--说明：点击最后空行上的空格，可以帮助记录选号。--%></div>
    <!--Content-->
    <uc1:Dianping ID="Dianping1" runat="server" />
    <uc2:ZouShi ID="ZouShi1" runat="server" />
    <uc3:Friend ID="Friend1" runat="server" />
</asp:Content>

